$selected_color_not_in_month: #94CBF2;
$booked_color: #ee1100;
.datepicker {
  text-align: center;
  
  .datepickerContainer{
    padding: 5px;
    border: 1px solid #000;
  }
  
  table {
    height: 135px;
    width: 176px;
  }
  .datepickerHidden {
  	display: none;
  }
  table {
  	border-collapse:collapse;
  }
  a {
  	text-decoration: none;
  	outline: none;
  	border-bottom-style: none !important;
  }
  table td {
  	text-align: center;
  	padding: 0;
  	margin: 0;
  }
  th {
  	text-align: center;
  	font-weight: normal;
  }
  tbody a {
  	display: block;

  	width: 100%;
  }
  .datepickerDays a {
    text-align:center;
  	line-height: 16px;
  	height: 16px;
  	padding-right: 2px;
  }
  .datepickerYears a,
  .datepickerMonths a{
  	width: 44px;
  	line-height: 36px;
  	height: 36px;
  	text-align: center;
  }


  tbody.datepickerYears td.datepickerSelected,
  tbody.datepickerMonths td.datepickerSelected{
  	background: #94CBF2;
  }
  a:hover {
  	color: #88c5eb;
  }
  td.datepickerNotInMonth a:hover {
  	color: #999;
  }
  .datepickerSpace div {
  	width: 100%;
  }
  .datepickerGoNext a,
  .datepickerGoPrev a,
  .datepickerMonth a {
  	text-align: center;
  }
  .datepickerGoNext a {
  	float: right;
  	text-align: right;
  }
  .datepickerGoPrev a {
  	float: left;
  	text-align: left;
  }
  table.datepickerViewDays tbody.datepickerMonths,
  table.datepickerViewDays tbody.datepickerYears {
  	display: none;
  }
  table.datepickerViewMonths tbody.datepickerDays,
  table.datepickerViewMonths tbody.datepickerYears,
  table.datepickerViewMonths tr.datepickerDoW {
  	display: none;
  }
  table.datepickerViewYears tbody.datepickerDays,
  table.datepickerViewYears tbody.datepickerMonths,
  table.datepickerViewYears tr.datepickerDoW {
  	display: none;
  }
  td.datepickerDisabled a,
  td.datepickerDisabled.datepickerNotInMonth a{
  	color: #333;
  }
  td.datepickerDisabled a:hover {
  	color: #333;
  }

  
  td.datepickerSelected, td.datepickerBooked{
  	span{
  	  color: #fff;
  	} 
  }
  td.datepickerNotInMonth a {
    span{
      color: #D0CEC0;
    }
  }
  
  td.datepickerSelected a {
    background: #22a7f2;
  }
  td.datepickerBooked a {
  	background: #ee1100;
  }
  td.datepickerBooked.datepickerSelected a {
  	background: #885C79;
  }
  td.datepickerBooked.datepickerNotInMonth a {
  	background: #FC7F82;
  }
  td.datepickerBooked.datepickerNotInMonth.datepickerSelected a {
  	background: #C8A5BA;
  }
  td.datepickerNotInMonth.datepickerSelected a {
  	background: #94CBF2;
  }

  .datepickerContainer {
    >table{
      
      .datepickerGoPrev{
        visibility: hidden;
      }

      td:first-child{
        .datepickerGoPrev{
          visibility: visible;
        }
        
        .datepickerGoNext{
          visibility: hidden;
        }
      }
    }
  }
}
